
const proxy = require('http-proxy-middleware');
const port = 8080
const webpack = require('webpack')
module.exports = {
    //基本路径  Default: '/'
    publicPath: '/app/',
    //输出目录  Default: 'dist'
    outputDir: 'app',
    //放置静态资源的目录  Default: ''
    assetsDir: 'static',
    // html的输出路径  Default: 'index.html'
    indexPath: 'index.html',
    //文件名哈希  Default: true
    filenameHashing: true,
    configureWebpack: (config)=>{
        if(process.env.NODE_ENV === 'production'){
            config.optimization.minimizer[0].options.terserOptions.compress.drop_console = true
        }
    },
    // devServer: {
    //     port: port,
    //     open: true,
    //     overlay: {
    //       warnings: false,
    //       errors: true
    //     },
    //     proxy: {
    //       // change xxx-api/login => mock/login
    //       // detail: https://cli.vuejs.org/config/#devserver-proxy
    //       ['/api']: {
    //         target: `http://127.0.0.1:8080`,
    //         changeOrigin: true,
    //         pathRewrite: {
    //           ['^' + '/api']: ''
    //         }
    //       }
    //     }
    //   },
    // devServer: {
    //     proxy:"http://127.0.0.1:8080",//开发环境的跨域问题解决，后端springboot服务ip 和 端口
    //     port: 8081  //dev模式下的前端服务端口，也就是浏览器通过localhost：8085 访问前端页面
    // }

    // devServer: {
    //     proxy: {
    //         '/api': {
    //             target: 'http://localhost:8080',
    //             secure: false
    //         }

    //       }
        // open: true,
        // https: false,
        // proxy: {
        //   '/api': {
        //     target: 'http://localhost:8080',
        //     ws: true,
        //     changeOrigin: true,
        //     secure: false,
        //     pathRewrite: {
        //         "^/api": "" //这里理解成用‘/dev'代替target里面的地址，后面组件中我们掉接口时直接用dev代替
        //         //比如我要调用'http://10.78.8.136:8081/user/login'，直接写‘/dev/user/login'即可
        //       }
        //   }
        // }
        // proxy: {
        //     "/api": {
        //       target: "http://localhost:8080",
        //       pathRewrite: {"^/api" : ""}
        //     }
        //   }
      }

    // devServer: {
    //           /* 自动打开浏览器 */
    //           open: true,
    //           /* 设置为0.0.0.0则所有的地址均能访问 */
    //           host: '0.0.0.0',
    //           port: 8085,
    //           https: false,
    //           hotOnly: false
    //         }

// }

// module.exports = {
//     /* 部署生产环境和开发环境下的URL：可对当前环境进行区分，baseUrl 从 Vue CLI 3.3 起已弃用，要使用publicPath */
//     /* baseUrl: process.env.NODE_ENV === 'production' ? './' : '/' */
//     // publicPath: process.env.NODE_ENV === "production" ? "/public/" : "./",
//     publicPath: './',
//     /* 输出文件目录：在npm run build时，生成文件的目录名称 */
//     outputDir: 'dist',
//     /* 放置生成的静态资源 (js、css、img、fonts) 的 (相对于 outputDir 的) 目录 */
//     assetsDir: 'assets',
//     /* 是否在构建生产包时生成 sourceMap 文件，false将提高构建速度 */
//     productionSourceMap: false,
//     /* 默认情况下，生成的静态资源在它们的文件名中包含了 hash 以便更好的控制缓存，你可以通过将这个选项设为 false 来关闭文件名哈希。(false的时候就是让原来的文件名不改变) */
//     filenameHashing: true,
//     /* 代码保存时进行eslint检测 */
//     lintOnSave: true,
//     /* webpack-dev-server 相关配置 */
//     devServer: {
//       /* 自动打开浏览器 */
//       open: true,
//       /* 设置为0.0.0.0则所有的地址均能访问 */
//       host: '0.0.0.0',
//       port: 8085,
//       https: false,
//       hotOnly: false
//     }
//   }